<template>
	<div class='school'>
		<h3>学校名称:{{name}}</h3>
		<h3>学校地址:{{address}}</h3>
		<button @click='showMore'>点我获取更多信息</button>
	</div>
</template>

<script>
	export default {
		name: 'School',
		data() {
			return {
				name:'尚硅谷',
				address:'宏福科技园',
				city:'北京',
				subject:'前端'
			}
		},
		methods:{
			showMore(){
				alert(`城市在${this.city},所学技术是${this.subject}`)
			}
		}
	}
</script>

<style>
	.school{
		background-color: pink;
		padding: 20px;
	}
</style>
